<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>pageContext.jsp</title>
</head>
<body>
<%
	//page scope에 데이터 저장
	pageContext.setAttribute("pMid", "th");
	pageContext.setAttribute("pUrl", "http://www.naver.com");
	pageContext.setAttribute("pFontSize", 40);
%>
<ul>
	<li>아이디: ${pMid }</li>
	<li>URL: ${pUrl }</li>
	<li>FontSize: ${pFontSize }</li>
</ul>

<div style="font-size: ${pFontSize}px">
	FontSize가 40 입니다.
</div>

<!-- 배열형 데이터를 el로 표현 -->
<%
	String[] ids = {"H", "E", "L", "L", "O"};
	request.setAttribute("ids", ids);
%>
<h4>request영역에 저장된 배열 출력</h4>
<ul>
	<li>배열 첫번째 값: ${ids[0] }</li>
	<li>배열 두번째 값: ${ids[1] }</li>
	<li>배열 세번째 값: ${ids[2] }</li>
	<li>배열 네번째 값: ${ids[3] }</li>
	<li>배열 다섯번째 값: ${ids[4] }</li>
</ul>

<!-- object를 저장하기 -->
<%
	ArrayList<String> al = new ArrayList<String>();
	al.add("H");al.add("E");al.add("L");al.add("L");al.add("O");
	request.setAttribute("obj", al);
%>
<h4>ArrayList에 저장된 값 불러오기</h4>
<ul>
	<li>al.get(0): <%=al.get(0) %></li>
	<li>al.get(0): ${obj.get(0) }</li>
	<li>al: ${obj }</li>
</ul>
</body>
</html>